<template>
	<view class="tx-context">
		<NavBar title="申请提现" />
		<div style="width: 100%;height: 5rem;background: #fff;padding: 0 10px;box-sizing: border-box;">
			<img src="http://recommender.starsky.fun/tpl/Public/xsm/img/alipay.jpg" style="width: 3rem;height: 3rem;border-radius: 0.5rem;float: left;margin-top: 1rem;">
			<div style="display: inline-block;height: 3rem;float: left;margin-top: 1rem;padding-left: 0.5rem;">
				<p style="height: 1.2rem;line-height: 1.2rem;font-size: 14px;color: #a1a1a1;margin-top: 0.25rem;">未绑定信息</p>
				<p style="font-size: 16px;height: 1.4rem;line-height: 1.4rem;font-weight: bold;color: #404040;">未绑定信息</p>
			</div>
			<a style="display: block;width: 7rem;height: 2rem;background: #faca2a;color: #404040;float: left;text-align: center;line-height: 2rem;float: right;margin-top: 1.5rem;border-radius: 2rem;font-size: 14px;">立即绑定</a>
		</div>
		<div style="margin-top: 10px; padding: 10px;width: 100%;box-sizing: border-box;background-color: white;">
				<div >
					<p style="width: 100%;height: 2.5rem;line-height: 2.5rem;font-weight: 600;color: #040404;box-sizing: border-box;font-size: 15px;">提现规则</p>
				</div>
				<div style="background-color: white;">
					<p class="text">1.提现1元起,单笔6%手续费</p>
					<p class="text">2.每天可以提现100次,单笔最多10元,提现一个工作日内到账,节假日延后至工作日发放</p>
					<p class="text">3.账户余额(推广所得)大于2000元可以联系客服申请大额提现</p>
				</div>
			</div>
		<div style="width: 100%;height: 44px;position: fixed; bottom: 0;left: 0;">
				<button style="background-color: #faca2a;">提现</button>
		</div>
	</view>
</template>

<script setup>
	import NavBar from '../../../components/nav-bar'
	const boardList = [{
			url: 'http://recommender.starsky.fun/tpl/Public/images/span-wx.png',
			text: '微信-移动支付'
		},
		{
			url: 'http://recommender.starsky.fun/tpl/Public/images/span-zfb.png',
			text: '支付宝-移动支付'
		}
	]
</script>

<style lang="scss" scoped>
	.tx-context {
		background-color: #f0f0f0;
		height: 100vh;
	}
	.text{
		font-size: 14px;
		margin-bottom: 0.5rem;
	    color: #a7a7a7;
	}
</style>